#HTML5 Developers

[smallfightercat]

i find it annoying when on google i search something like "how to make an artsy personal website" and lots of the results will be like "use wordpress" or "make sure it's good for search engines", like shut your fuckin' mouth, i wasn't lookin' for that, i was trying to figure out how to build and design a website that isn't boring looking. literally every html/css tutorial i've been on has taught me how to make your basic website but not how to make it look less boring. i wanna have stuff like the snazzy websites people have trending on neocities plus more accessibility but i can't figure out how to do that with the knowledge i have currently.

[ouhmouda]

Tips for New Web Developers: Building a Strong Foundation

Tips for New Web Developers: Building a Strong Foundation

As a beginner in web development, it's important to focus on the fundamentals before diving into complex projects. Here are a few key tips to help you build a strong foundation:

Learn HTML & CSS: These are the building blocks of web development. Mastering them will allow you to create basic, functional websites.

Understand JavaScript: This language brings your websites to life by enabling interactivity. Start small and work your way up to more advanced concepts.

Responsive Design: Ensure your website looks great on all devices by learning responsive web design principles. Mobile-first design is crucial today.

Version Control (Git): Use Git for tracking changes to your code and collaborating with others. GitHub is a great platform to showcase your projects.

Focus on Clean Code: Write clean, readable code that is easy to maintain. It’ll help you and your future collaborators down the line.

Remember, the journey may be challenging, but with consistency and practice, you’ll become proficient and confident in web development. Keep coding! 🚀

[indiexpo]

Magic Boutique of Royal Blue - Official Trailer

Help Philosia the Spider #Witch in debt to run a magical boutique! Craft #magic #outfits by exploring the world and collecting mysterious magical materials. Earn money by completing missions and decorate your #boutique !

Download on #indiexpo : https://www.indiexpo.net/games/magic-boutique-of-royal-blue

Developed by kkangto0 About indiexpo: indiexpo allows thousands of people to discover, watch and share #indiegames and originally-created games. It provides an area for people to connect, inform, and inspire others across the globe and acts as a distribution platform for original content creators and advertisers large and small.

Magic Boutique of Royal Blue | Official Trailer | indiexpo

[codingquill]

Why won't my CSS style work?

Ever had that frustrating experience where your carefully crafted styles refuse to do their thing? Well, today, I am going to demystify CSS selector priority for you.

CSS selector priority

CSS selector priority determines which styles take precedence when multiple rules target the same element. It's crucial to grasp this concept to avoid unexpected styling conflicts in your web projects. There are several factors that influence selector priority, and understanding them will help you control the appearance of your web page elements effectively.

1. Specificity

Specificity is a measure of how specific a CSS selector is in targeting an element. It's often denoted as a four-part value, such as 0,0,0,0, where each part represents a different level of specificity for the selector. The more specific a selector is, the higher its priority. For example:

Inline styles have the highest specificity.

ID selectors (#element-id) are more specific than class selectors (.element-class).

Elements selectors (div, p, etc.) have the lowest specificity.

2. Importance

CSS properties marked with !important have the highest priority, even if other rules have greater specificity. However, it's generally recommended to use !important sparingly to avoid confusion and maintain a clean codebase.

3. Source Order

When all else is equal, the source order of CSS rules in your stylesheet determines which one takes precedence. The rule that appears last in the stylesheet will override previous rules targeting the same element.

Resolving CSS Priority Issues

Now let's explore how to resolve priority conflicts

1. Use Specific Selectors

To increase the specificity of your selectors, consider using more specific class or ID names. This will make your rules override less specific ones and help you maintain better control over your styles.

2. Avoid Using !important

While !important can be helpful in certain situations, it's generally best to avoid it whenever possible. Overusing !important can make your CSS harder to maintain and debug.

3. Review Source Order

If you're still facing priority issues, review the order in which your CSS rules are defined in your stylesheet. Ensure that the rule you want to take precedence appears after conflicting rules.

By following best practices and avoiding overuse of !important, you'll create more maintainable and predictable CSS code. So, the next time you wonder, "Why does my CSS priority not apply to my element?", remember what we talked about in this post.

Happy coding!

[xhtmlchopofficial]

✧ PSD to HTML Magic ✧

Your stunning designs deserve flawless code ✨

At Xhtmlchop, we transform your PSDs into: ☑️ Pixel-perfect HTML/CSS ☑️ Buttery-smooth responsive layouts ☑️ Lightning-fast load speeds ☑️ SEO-friendly markup that ranks

🔥 Deal Alert: Homepage conversion → 199

Additional pages → 129 each

We include: ✓ 100% hand-coded solutions ✓ Cross-browser perfection ✓ Optional NDA protection ✓ Money-back guarantee

Let’s collaborate! → https://www.xhtmlchop.com/psd-to-responsive.html

(Reblog if you’ve been looking for PSD conversion services!)

[learningthefullstack]

Fellow programmers:

[codesbyadeline]

CSS: Flexboxes

I am working on the 'Tea Cozy' project that is part of CodeCademy's 'CSS: Flexboxes and Grids' course.

I just have to be really honest and say...

Learning flexboxes is kicking my butt!

There, I said it. I spent hours working on this project while getting a whole lot of nowhere. Everything I did seemed to somehow make my code worse, and it made me want to scream *just a little anyways*.

This morning, after spending some more time on it, I decided that I needed to look at this project as a way to learn instead of as a way to test my existing knowledge.

Bearing this in mind, I decided to do something no web developer wants to do... I opened up Visual Studio Code, selected each and every last line of my code, and deleted it. Hours of work gone in an instant *cries*.

While it sucked to do that, I can genuinely say that I have learned way more by changing up my goal with this project. I've done way more research into how flexboxes work and learned how to do things I couldn't do before. Though I've been following along with a tutorial as well, there were quite a few things that I wanted to set up differently which has forced me to experiment with different HTML and CSS code.

My project isn't done yet; there's still some sections I need to add as well as some styling changes I need to make to the existing code. But if you'd like to check out my code and what the web page looks like at the moment, you can check out my GitHub repository here!

[thedanicode]

100 Days Of Code Challenge - day 11/100

16/01/2024

Day 11:

Hi guys!!!!

Yesterday I managed to finish correcting all the observations made by the tech leader, and they approved my Pull Request wiiiiiiiiiiii! Since I had some time, as I had completed my tickets, I decided to throw a lifeline to my colleague who was struggling to fetch an endpoint from the backend. After several hours and a lot of coffee, we were able to finish all the code. Today, I'll be assisting him with integration tests. I'm proud not only to learn new things but also to be able to help others.

If there's time, I'll try to finish the practice CRUD I'm working on to learn Nest

[xiffu85]

[codingcorgi]

Days 128 to 129

I have worked hard on my portfolio site and added some cool animations and tool tips. I have done lots of prettying up as well. Tomorrow I'll fully implement the contact page.

[mydevdiary]

The plan: Introductory Post

Hello everyone!

I'm mostly writing this post to pin it to my blog page for those who visit.

The heart of this blog is tracking a website I will build from the ground up. This includes the front-end, back-end, UX/UI design, and any other planning/work that pops up.

For some context, around a year ago, I started practicing web development to make it my career. However, things turned out differently than expected. I got another job after having horrendous luck finding work. I really enjoy it, so it snuffed out my drive to find a career in web development.

However, I've always liked web development and programming in general. I've always wanted to use it, but I just didn't have any ideas I wanted to commit to. Now, I have a site that I feel I can turn into a full-fledged application, and I'd like to track it here for those interested and connect with others interested.

I've been on a six-month hiatus, so I'm pretty rusty, but I've decided I want to build the site using Svelte and Supabase. Svelte has always been the framework I wanted to learn, so this website is the perfect excuse. I also have experience with Firebase, but I wanted to challenge myself by learning Supabase. Most of my experience is with React and Next.js. I've used them for volunteer work and for freelancing gigs in the past.

I'll also give a brief summary of my website for common understanding. The MVP will start as a blog, but I plan to expand it to turn it into an informative database (sort of like Wikipedia) and have some interactive elements. I won't get into the meat of the idea, but that's what to expect with my posts. But before that, my posts will mostly be centered around a summary of my learning. Since I'm learning Svelte, my current posts will be based on that.

Thanks for stopping by, and I look forward to hearing your comments or insights moving forward! If you have any questions, feel free to ask!

[q99studio]

Gaming Technology Trends to Watch in 2024

Gaming in 2024 is set to revolutionize the industry with groundbreaking advancements in technology. Virtual Reality (VR) and Augmented Reality (AR) are creating more immersive experiences, while blockchain and NFTs are reshaping game economies. The rise of 5G enhances connectivity, enabling seamless cloud gaming and multiplayer experiences. Accessibility and inclusivity are becoming focal points, ensuring games cater to diverse audiences. The metaverse and social gaming are transforming platforms into interactive social hubs, and cloud gaming continues to expand with lower latency and broader libraries. At Devstree Studio, we’re at the forefront, crafting innovative games that redefine possibilities in this ever-evolving landscape.

[makingawebsite]

Making a Website: A Beginner’s Guide

Creating a website is one of the most powerful ways to build an online presence. Whether you want to promote your brand, grow your business, or share your personal blog, making a website can make a significant impact. Here’s a beginner’s guide to help you navigate the essential steps and make the process smoother.

1. Define the Purpose of Your Website

Before you start, it’s crucial to clearly define the purpose of your website. Are you building an e-commerce store, a blog, or a portfolio site? Understanding your goals will help guide your design choices, content strategy, and the overall structure of your website. Knowing the purpose is essential to making a website that resonates with your audience.

2. Choose the Right Platform

Selecting the right website platform is key to achieving a user-friendly and professional website. Platforms like WordPress, Wix, and Squarespace offer various templates and customization options, but if you want full control, consider creating a custom website. For more insights on choosing a platform, check out Making a Website.

3. Prioritize User Experience and Design

A well-designed website should be easy to navigate and visually appealing. Make sure to create a layout that guides visitors smoothly through your content. Focus on mobile responsiveness, intuitive menus, and fast loading speeds to keep users engaged. Making a website that prioritizes the user experience can lead to higher visitor satisfaction.

4. Optimize for SEO

To increase visibility, ensure your website is SEO-friendly from the start. Use relevant keywords, optimize image sizes, and write clear meta descriptions. By paying attention to these SEO basics, you can help your website rank better on search engines, attracting more visitors. These steps are crucial in making a website that stands out.

Creating a website is a journey that can transform your online presence. Remember, the key to success lies in setting clear goals, selecting the right tools, and prioritizing the user experience. For more tips on building and optimizing your website, don’t forget to explore the resources available at Making a Website.

[dailystrokes]

Game Dev Blog 05: Script Reader

01/31/2024

Completed!💾

created the ability to add in animated gifs between dialogue✅

created ability to swap backgrounds on the fly when characters are speaking✅

refactored code for readability✅

created enter functions for each character spot on screen✅

To do:

create a better looking textbox border🔲

continue to compile more scenes (trying to complete Arc 1)🔲

see where my code needs to be cleaned up and simplified🔲

[scott17899]

My web browser game, Superdeb!, is finally published! Play now completely free at https://scott2.neocities.org/superdeb/

[frontendforever]

Responsive Animated Website With HTML & CSS